<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="js/vue.js"></script>
</head>
<body>
<div id="app">
    <ol>
        <li v-for=" item in arry1">{{item}}</li>
    </ol>
    <span v-for="(item,index) in arry2">{{item}}<span v-if="(index+1)%4 != 0">、</span><br v-else></span>

</div>
 <script>
     new Vue({
         el: '#app',
         data: {
            arry1: [
                'Apple','Orange','西瓜'
            ],
            arry2:[
                '北','上','广','深',
                '杭','武','成','南'
             ]
         },
         methods: {

         }
     })
 </script>
</body>
</html>
